<template>
    <div class="back-box">
        <span class="back-item" @click="backLast"></span>
        <span class="next-item"></span>
    </div>
</template>
<script>
export default {
    data () {
        return {

        }
    },
    methods: {
        backLast () {
            this.$router.go(-1)
        }
    }
} 
</script>

<style lang="less">
    .back-box {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        height: 0.9rem;
        border-top: 1px solid #ccc;
        font-size: 0;
        padding: 0 2.62rem;
        span {
            display: inline-block;
            width: 0.2rem;
            height: 0.34rem;
            margin-top: 0.3rem;
        }
        .back-item {
            background: url(../assets/img/back-back-icon.png) no-repeat;
            background-size: 100%;
            margin-right: 1.7rem;
        }
        .next-item {
            background: url(../assets/img/back-next-icon.png) no-repeat;
            background-size: 100%;
        }
    }
</style>
